<html>

	<head>
		<title>扫到啥评论啥!不许耍赖哈!</title>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="../addons/qqbb_ppp/css/style.css">
		<script src="../addons/qqbb_ppp/js/jquery.js"></script>
		<script src="../addons/qqbb_ppp/js/clipboard.min.js"></script>
		<style type="text/css">
			body {
				font: normal 100% Helvetica, Arial, sans-serif;
				font-size: 16px;
				background: #EEEEEE;
				font-family: "微软雅黑";
			}
			
			a {
				text-decoration: none;
				color: white;
			}
			
			span {
				margin-top: 20px;
				font-size: 36px;
			}
			
			.text {
				margin-top: 35%;
				width: 60%;
				margin-left: 20%;
				text-align: center;
				font-size: 52px;
				line-height: 140%;
				font-family: "微软雅黑";
			}
			
			.p1 {
				margin: auto;
				margin-top: 30px;
				width: 80%;
				height: 70px;
				line-height: 70px;
				text-align: center;
				font-size: 50px;
				border: 1px solid #5E5E5E;
				border-radius: 10px;
			}
			.p22{
				margin: auto;
				width: 80%;
				text-align: center;
				font-size: 50px;
				border-radius: 10px;
				height: 80px;
				line-height: 80px;
				background: #FF0000;
				color: white;
			}
			.p12{
				color: green;
				border: 0px;
			}
		</style>
	</head>

	<body>
		<div class="main">
			<div class="p1 p12">☆ 长按可复制下面的内容</div>
			<p class="text" id="con">{$word['words']}</p>
		</div>
		<div style="position: absolute; bottom: 15%;width: 94%;left: 3%;">			
			<div class="p22">
				<a href="{$url['url']}" >我也要玩</a>
			</div>
		</div>
<script type="text/javascript">
    $(document).ready(function(){
        var clipboard3 = new Clipboard('#copyCon');
        clipboard3.on('success', function(e) {
            console.log(e);
            alert("复制成功！")
        });
        clipboard3.on('error', function(e) {
            console.log(e);
            alert("复制失败！请手动复制")
        });
    })
</script>

<!--<script>
//new Clipboard('.btn');
var clipboard = new Clipboard('#copyCon');

clipboard.on('success', function(e) {
	var msg = e.trigger.getAttribute('aria-label');
	alert(msg);
    console.info('Action:', e.action);
    console.info('Text:', e.text);
    console.info('Trigger:', e.trigger);

    e.clearSelection();
});
</script>-->

	</body>

</html>